@charset "utf-8";
.header
{
    height: 60px;
}
.menu-logo
{
    margin-left: 100px;
    width: 164px;
    height: 60px;
}
.menu-logo img
{
    margin-top: 20px;
    width: 157px;
    height: 20px;
}
.menu-pc
{
    height: 60px;
    margin-right: 60px;
}

.menu-pc-item
{
    display: inline-block;
    width: 88px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}
.menu-cur
{
    color: #b20016;
}
.icon_menu
{
    display: inline-block;
    width: 30px;
    height: 2px;
    padding: 8px 0;
    background-color: #575757;
    background-clip: content-box;
    border-top: 2px solid #575757;
    border-bottom: 2px solid #575757;
}
.pop-menu
{
    position: absolute;
    margin-top: 40px;
    margin-left: -100px;
    z-index: 1200;
    width: 160px;
    overflow: hidden;
    background-color: #fefefe;
}
.pop-menu>li
{
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
}
.pop-menu>li:hover
{
    background-color: #dedede;
}
/*
主页新闻列表部分
 */
.index-news-list
{
    margin-top: 175px;
    margin-bottom: 175px;
    width: 100%;
    overflow: hidden;
}
.index-news-list .first-item
{
    margin-left: 0;
}
.index-news-item
{
    margin-left: 70px;
    margin-bottom: 40px;
    display: inline-block;
    width: 244px;
    overflow: hidden;
}
.index-news-item:hover
{
    background-color: #efefef;
}
.index-news-item a
{
    color: #575757;
}

.index-news-item img
{
    width: 244px;
}
.index-news-item .title
{
    font-size: 16px;
    color: black;
    font-weight: bold;
    line-height: 22px;
    height: 38px;
    text-align: justify;
    overflow: hidden;
    padding: 5px 10px;
}
.index-news-item .desc
{
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 10px 10px 10px;
}
/*
页面尾部部分
 */
.footer
{
    background: #3a3a3a url("../images/footer_bg.jpg") no-repeat;
    height: 250px;
}
.footer-section1
{
    border-bottom: 2px solid #b2b2b2;
    overflow: hidden;
}
.footer-section2
{
    padding-top: 10px;
}
.footer-section2 .txt_tag
{
    font-size: 10px;
    font-weight: lighter;
    color: #ffffff;
}
.footer-section2 .txt_text
{
    font-family: "阿里巴巴普惠体 Light","微软雅黑",sans-serif ;
    font-size: 20px;
    font-weight: lighter;
    color: #ffffff;
}
.footer-section2 img
{
    padding: 5px 5px;
    width: 24px;
    height: 24px;
}

/*
影视剧页面部分
*/
.movie-container
{

}
/*
商业影像页面部分
 */
.business-img-list
{
    margin-top: 100px;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
/*.business-img-list .first-item*/
/*{*/
/*    margin-left: 0;*/
/*}*/
.business-img-item
{
    margin-left: 20px;
    margin-bottom: 40px;
    display: inline-block;
    /*width: 282px;*/
    overflow: hidden;
}
.business-img-item:hover
{
    background-color: #efefef;
}
.business-img-item img
{
    width: 282px;
}


.container1, .container2
{
    margin-bottom: 80px;
}
.container2 .business-img-item
{
    margin-left: 20px;
    margin-bottom: 40px;
    display: inline-block;
    width: 586px;
    overflow: hidden;
}
.container1  .first-item,.container2  .first-item
{
    margin-left: 0;
}
.container2 .business-img-item img
{
    width: 586px;
}


.section-index
{
    position: relative;
}
.icon-list
{
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
}
.icon-list-item
{
    float: left;
    width: 98px;
    margin: 20px 24px;
    text-align: center;
}
.icon-list-item img
{
    line-height: 40px;
}
.icon-list-item p
{
    font-size: 12px;
    line-height: 40px;
}

.banner-txt-container
{
    position: relative;
}
.banner-txt
{
    position: absolute;
    width: 580px;
    left: 10%;
    top: 32%;
    z-index: 100;
    transform: none;
}
.banner-txt .title
{
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 10px;
    color: white;
}
.banner-txt .title-en
{
    font-family: "DINPro-Bold","微软雅黑",sans-serif ;
    color: #b20016;
    font-size: 10px;
    word-spacing: 6px;
    letter-spacing: 2px;
    line-height: 20px;
}
.banner-txt .title-content
{
    margin-top: 60px;
    color: white;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
}
.index-banner-txt-container
{
    position:relative;
}
.index-banner-txt
{
    margin-top: -80px;
}
.index-banner-txt .title-content
{
    margin-top: 30px;
}
@media screen and (max-width: 600px) {
    .header .container
    {
        width: 100%;
        height: 60px;
    }
    .container,.container1,.container2
    {
        width: 100%;
    }
    .banner-img
    {
        width: 100%;
        height: 480px;
        object-fit: cover;
        object-position: 18% 0;
        transform: none;
    }
    .banner-img-contact
    {
        width: 100%;
        height: 320px;
        object-fit: cover;
        object-position: 44% 0;
    }

    /* PC菜单部分 */
    .menu-logo
    {
        margin-left: 20px;
    }
    .header .show-pc {
        display: none !important;
    }
    .menu-pc
    {
        display: none;
    }
    .menu-mb {
        float: right;
        display: block;
        padding-top: 20px;
        padding-right: 20px;
        opacity: 0.9;
    }
    .menu-mb-item a
    {
        font-size: 16px;
    }
    /* 移动端菜单部分 */
    .icon_menu
    {
        float: right;
    }
    .pop-menu
    {
        display: none;
    }
    /* 页尾部分 */
    .footer
    {
        height: 180px;
    }
    .wrap .container, .footer .container
    {
        width: 96%;
        overflow: hidden;
    }
    .footer .footer-section1, .footer .footer-section2
    {
        margin-left: 10px;
        margin-right: 0;
        width: 96%;
    }
    .footer-section2 .txt_text
    {
        font-family: "阿里巴巴普惠体 Light","微软雅黑",sans-serif ;
        font-size: 16px;
        font-weight: lighter;
        color: #ffffff;
    }
    /* 主页新闻列表部分 */
    .index-news-list
    {
        width: 98%;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .index-news-list .first-item
    {
        margin-left: 12px;
    }
    .index-news-item
    {
        margin-left: 12px;
        width: 100%;
    }
    .index-news-item img
    {
        width: 100%;
    }
    .index-news-item .title
    {
        margin: 10px auto;
        height: auto;
        line-height: 26px;
        padding: 0;
    }
    .index-news-item .desc
    {
        line-height: 20px;
        margin-top: 10px;
        padding: 0;
    }
    /* 图片列表部分 */
    .container1 .business-img-list
    {
        width: 98%;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .container1 .business-img-item
    {
        width: 45%;
        margin-left: 14px;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .container2 .business-img-list
    {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 0;
    }
    .business-img-list .first-item
    {
        margin-left: 14px;
    }
    .container2 .business-img-item
    {
        width: 96%;
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .container1 .business-img-item img,.container2 .business-img-item img
    {
        width: 100%;
    }
    .container2
    {
        margin-bottom: 20px;
    }

    /*主页Banner图中 图标部分*/
    .section-index
    {
        position: static;
    }
    .icon-list
    {
        position: static;
        left: 0;
        bottom: 0;
        transform: none;
        z-index: 500;
    }
    .icon-list-item
    {
        float: left;
        width: 60px;
        margin: 20px 16px;
        text-align: center;
    }
    /*Banner中的文字部分*/
    .index-banner-txt-container
    {
        position:static;
    }
    .index-banner-txt-container .banner-txt
    {
        position: static;
        width: 90%;
        margin-top: -445px;
        padding-bottom: 50px;
    }
    .banner-txt-container
    {
        position:static;
        overflow: hidden;
    }
    .banner-txt
    {
        position: static;
        margin-top: -200px;
        padding-bottom: 30px;
        width: 80%;
        top: 80px;
        left: 10%;
        /*margin: 0 20px;*/
        transform: none;
    }

    .banner-txt .title
    {
        margin-top: 20px;
        font-size: 20px;
        line-height: 40px;
        letter-spacing: 4px;
        color: white;
    }
    .banner-txt .title-en
    {
        font-family: "DINPro-Bold","微软雅黑",sans-serif ;
        color: #b20016;
        font-size: 10px;
        word-spacing: 6px;
        letter-spacing: 1px;
        line-height: 16px;
    }
    .banner-txt .title-content
    {
        margin-top: 5px;
        font-size: 12px;
        line-height: 22px;
    }



}

@media screen and (min-width: 600px) and (max-width: 1200px) {
    .header .container
    {
        width: 1200px;
    }
    .section .width-fix
    {
        width: 1200px;
    }
    .menu-pc
    {
        float: left;
        display: block;
    }
    .menu-mb
    {
        display: none;
    }
    .business-img-item
    {
        width: 282px;
    }

}
@media screen and (min-width: 1200px) {
    .header .container
    {
        width: 100%;
    }
    .section .width-fix
    {
        width: 100%;
    }
    .menu-pc
    {
        float: right;
        display: block;
    }
    .menu-mb
    {
        display: none;
    }
    .business-img-item
    {
        width: 282px;
    }
}

/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }
*/